먼지위키:문법 도움말/심화 (r6 문단 편집)

현재 진행 중인 사용자 토론이 있습니다.
[오류!] 편집 권한이 부족합니다. 로그인된 사용자(이)여야 합니다. 해당 문서의 ACL 탭을 확인하시기 바랍니다.
=== 심화 문법 ===
{{{ {{{#!wiki style="원하는 서식"}}} }}}
원하는 서식에 입력할 수 있는 것들은 다음과 같습니다. 한 서식을 입력한 다음에 ''';'''([[세미콜론]])을 입력하여 다음 서식과 구분합니다. 또한 세미콜론 뒤에 공란을 입력하지 않아도 정상적인 출력이 가능합니다. 여기서 '''(수치)'''는 [[정수|정수값]]을 의미합니다. 즉, 음수값도 적용이 됩니다.
 * 테두리: {{{border-(방향):(선 굵기)px (선 스타일) (색상)}}}
 예1: 상우하좌 각각 5, 10, 15, 20px 굵기의 테두리
 {{{border:1px solid; border-width:5px 10px 15px 20px}}}
 예2: 전방향 1px이지만 윗부분은 5px
 {{{border:1px solid; border-top:5px solid}}}
  * 방향: top=위, bottom=아래, right=오른쪽, left=왼쪽, 공백=전방향.
  * 선 굵기: {{{thin, medium, thick}}} = 각각 1, 3, 5px, 또는 직접 입력 XXpx(반드시 px를 붙일 것)
  * 선 스타일
  ||{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:4px none blue"
{{{none}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:4px solid blue"
{{{solid}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:4px double blue"
{{{double}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:4px dotted blue"
{{{dotted}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:4px dashed blue"
{{{dashed}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:4px inset blue"
{{{inset}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:4px outset blue"
{{{outset}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:4px groove blue"
{{{groove}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:4px ridge blue"
{{{ridge}}}}}}||
  * 선 색상: 디폴트 색상은 먼지위키 기본 글씨 색인 {{{#373A3C}}}
 * 배경 색: {{{background-color:(색상)}}}
 * 둥근 모서리: {{{border-radius:(수치)px}}}
 {{{#!wiki style=""
예시
{{{#!wiki style="display:inline-block; width:45%; padding:5px 10px; margin:3px; border:2px solid blue; border-radius:10px"
{{{border-radius:10px}}}                   :[br]모든 방향 10px}}}{{{#!wiki style="display:inline-block; width:45%; padding:5px 10px; margin:3px; border:2px solid blue; border-radius:10px 20px"
{{{border-radius:10px 20px}}}             :[br]좌상, 우하는 10px, 우상, 좌하는 20px}}}{{{#!wiki style="display:inline-block; width:45%; padding:5px 10px; margin:3px; border:2px solid blue; border-radius:5px 10px 20px"
{{{border-radius:5px 10px 20px}}}       :[br]좌상부터 시계방향으로 5px 10px 20px (좌하는 기본 5px)}}}{{{#!wiki style="display:inline-block; width:45%; padding:5px 10px; margin:3px; border:2px solid blue; border-radius:5px 10px 20px 40px"
{{{border-radius:5px 10px 20px 40px}}} :[br]좌상부터 시계방향으로 5px 10px 20px 40px}}}
}}}
 * 틀 안의 여백: {{{padding-(방향):(수치)px}}}
 기본값은 {{{padding:0px}}}

 * 틀 밖의 여백: {{{margin-(방향):(수치)px}}} 또는 {{{margin:(북쪽&남쪽 공통 적용 수치)px (동쪽&서쪽 공통 적용 수치)px}}} 또는 {{{margin:(북쪽 수치)px (동쪽 수치)px (남쪽 수치)px (서쪽 수치)px}}}}
 기본값은 {{{margin:0px}}}
 {{{margin:0px auto}}}로 주었을 경우 표 밖의 가로 여백을 자동으로 맞춥니다. 즉, 표의 화면 가운데 정렬이 됩니다.
 이 방법을 사용하면 표의 셀 내부에 이미지를 삽입할 때 여백을 없애는 것이 가능하며 양수값을 사용하면 여백이 추가되며, 음수 값을 사용할 경우 여백이 줄어듭니다.
 ||<colbgcolor=#fc6><colcolor=#000> 문법 ||<^|1>문법 미사용[br]{{{||<tan>[[파일:먼지위키 로고2.png]]||
}}}||<^|1>문법 사용[br]{{{||<tan>{{{#!wiki style="margin:-5px -10px"
[[파일:먼지위키 로고2.png]]}}}||}}}||
 || 출력 ||{{{#!wiki style=""
||<tan>[[파일:먼지위키 로고2.png|width=80]]||}}}||{{{#!wiki style="float:left"
||<tan>{{{#!wiki style="margin:-5px -10px -5px -10px"
[[파일:먼지위키 로고2.png|width=80]]}}}||}}}||
 만약 margin이 접기나 표 밖으로 나오면 잘립니다.[* 원래는 그냥 튀어 나왔으나, 2019년 10월 말 경부터 변경.]

 * 틀 높이: {{{height:(수치)px}}}

 * 틀 길이: {{{width:(수치)px 또는 (수치)%}}}: %의 기준은 화면의 너비.

 * 틀 최대 길이: {{{max-width:(수치)px 또는 (수치)%}}}: %의 기준은 화면의 너비.

 * 폰트 색: {{{color:(색상)}}}

 * 폰트 효과: {{{font-style: normal 또는 italic 또는 oblique}}}

 * 글자 크기: {{{font-size: (수치)pt나 (수치)em 등.}}}[* 글자 크기를 세밀하게 조정. {\{{+? }}\}나 {\{{-? }}\}과는 별개의 수치로 지정되며 소숫점도 가능하다. 사용 가능이 확인된 단위는 pt, em이 있으나 더 있는지 확인 바람.]

 * 글자 위치: {{{text-align: left 또는 center 또는 right}}}

 * 표의 좌, 우 정렬: {{{float:left 또는 right 또는 center}}}
 먼지위키 이미지, 표의 정렬과 비슷하나 center의 경우 별도의 설정 없이는 표의 폭이 100%로 고정됩니다.
 float 기능을 사용하여 [[#s-17.3.3|표의 캡션]] 기능과 비슷하게 이미지에도 캡션을 넣을 수 있습니다. 먼지위키에는 이미지 캡션 기능이 없으므로 이렇게 써야 합니다.
 ||<colbgcolor=#fc6><colcolor=#000>예시[br]문법||{{{{{{#!wiki style="float:left;text-align:center"
[[파일:먼지위키 로고2.png|width=200]][br]먼지위키 로고}}}}}}||{{{{{{#!wiki style="float:left;text-align:center"
먼지위키 로고[br][[파일:먼지위키 로고2.png|width=200]]}}}}}}||
 ||예시[br]출력||{{{#!wiki style="float:left;text-align:center"
[[파일:먼지위키 로고2.png|width=200]][br]먼지위키 로고}}}||{{{#!wiki style="float:left;text-align:center"
먼지위키 로고[br][[파일:먼지위키 로고2.png|width=200]]}}}||
 * {{{display}}} 속성: 표가 화면에서 어떻게 표시될지를 정합니다. 속성을 주지 않을 경우 기본값은 {{{block}}}입니다. 줄글 같이 취급하는 {{{inline}}}, 표로 취급하는 {{{table}}}, 안 보이게 하는 {{{none}}} 등이 있습니다. 더 자세한 사항은 [[https://www.w3schools.com/cssref/pr_class_display.asp|링크 참조]]
 기본값인 block의 경우 강제로 표 너비의 최소를 화면의 100%로 맞춥니다. table 등으로 값을 줄 경우 이를 막을 수 있습니다.
 ||<table width=100%><width=50%>display 속성을 주지 않을 경우
(기본인 {{{display:block}}}이 됨)
{{{#!wiki style="border:1px solid gray;border-top:5px solid orange"
[[파일:먼지위키 로고2.png|width=200]]}}}||<width=50%>display 속성을 {{{display:table}}}로 준 경우
{{{#!wiki style="border:1px solid gray;border-top:5px solid orange;display:table"
[[파일:먼지위키 로고2.png|width=200]]}}}||
[clearfix]
im preview
최근 변경

먼지위키:문법 도움말/심화 (r6 문단 편집)

최근 변경
